<template>
    <div>Home</div>
    <div>{{ msg }}</div>
    <div v-html="rawhtml"></div>
    <div v-text="rawhtml"></div>
    <img src="src\img\1.jpg" height="100" width="100" alt="">
    <img v-bind:src="src" alt="" height="120" width="200" ><span>点赞{{ count }}</span>
    <button v-on:click="count++">点赞</button>
</template>
<script>
//创建vue实例
//选项式
//v-html/v-text
//v-bind :
//v-on@
export default{

    setup(){

    },
    data(){

        return{
            msg:"hello vue",
            rawhtml:'<h1>hello vue</h1>',
            src:'https://img0.baidu.com/it/u=857510153,4267238650&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=675',
            count:0
        }
    },
    methods:{

        btnCount(){
             this.count++
        }
    }
}


</script>